<template>
   <p>{{ parMsg.text }}</p>
  <h2>父组件接收的数据是：{{ parMsg }}</h2>
  <div><emit-child @updateMsg="upMsg"></emit-child></div>
 <pre>{{parMsg}}</pre>
 
</template>

<script setup>
import { ref } from "vue";
import EmitChild from "./EmitChild.vue";

let parMsg = ref("");
const upMsg = (msg) => {
  parMsg.value = msg;
};
</script>

<style scoped>
p{
  background-color: aqua;
  color: blue;
}
:deep(.dee){
  background-color: brown;

}
</style>
